<h1><?php echo $cabecera ?></h1>
<br>
<form class="cmxform" id="signupForm" method="post" 
      <?php 
      if($operacion == "nuevo") 
      {
          echo 'accion = "' . base_url() . 'cpersonas/nuevo" ';          
      }
      if($operacion == "modificar") 
      {
          echo 'accion = "' . base_url() . 'cpersonas/modificar/' . $personas->id . '" ';          
      }
      if($operacion == "eliminar") 
      {
          echo 'accion = "' . base_url() . 'cpersonas/eliminar/' . $personas->id . '" ';          
      }
?>
      novalidate="novalidate"><fieldset class="ui-widget ui-widget-content ui-corner-all">
		<legend class="ui-widget ui-widget-header ui-corner-all"></legend>
		<p>
			<label for="id_cliente">Código: </label>
			<input id="id_cliente" name="id_cliente" type="text" class="ui-widget-content"
                               <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->id . '" ';                      
                                                echo 'disabled';                         
                               }  else{
                                   echo 'disabled';
                               }                                   
                               ?>>
                </p>
		<p>
			<label for="nombre">Nombre: </label>
			<input id="nombre" name="nombre" type="text" class="ui-widget-content"
                               <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->nombre . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                        <label for="apellido">Apellido: </label>
                    <input id="apellido" name="apellido" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->apellido . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
		</p>
               
                <p>
                    <label for="documento">Documento: </label>
                    <input id="documento" name="documento" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->dni . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
                <p>
                    <label for="domicilio">Domicilio: </label>
                    <input id="domicilio" style="width: 400px" name="domicilio" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->domicilio . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>

                </p>
                <p>
                    <label for="localidad">Localidad: </label>
                    <input id="localidad"  name="localidad" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->localidad . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                    <label for="provincia">Provincia: </label>
                    <input id="provincia" name="provincia" type="text" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->provincia . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
                <p>
                    <label for="email">Email: </label>
                    <input id="email" size="30px" name="email" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->email . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
                <p>
                    <label for="telefono">Teléfono: </label>
                    <input id="telefono" name="telefono" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->telefono . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                    <label for="celular">Celular: </label>
                    <input id="celular" name="celular" class="ui-widget-content"
                           <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  ' value="' . $personas->celular . '" ';
                                            if($operacion=="eliminar")
                                            {
                                                echo 'disabled';
                                            }                              
                               }                                     
                               ?>>
                </p>
                
        <p>
          <label for="t_rol_id">Categoría Persona: </label>
                      <?php if($operacion == "modificar"){ ?>
                   <select id="t_tipo_persona_id" name="t_tipo_persona_id"  class="ui-widget-content">
                         <?php foreach ($roles as $fila)  { ?> 
                             <?php if ($fila->id == $personas->t_tipo_persona_id) { ?>
                                  <option value="<?php echo $fila->id ?>" selected> <?php echo $fila->nombre ?> </option> 
                             <?php } else {?>
                                 <option value="<?php echo $fila->id ?>"> <?php echo $fila->nombre ?> </option>                                
                              <?php }?>
                            <?php } ?>                                    
                         <?php } ?>                                    
                      <?php   if($operacion == "nuevo") { ?>       
                          <select id="t_rol_id" name="t_tipo_persona_id" class="ui-widget-content" > 
                                 <?php foreach ($roles as $fila)  {       ?>  
                                 <option value="<?php echo $fila->id ?>"> <?php echo $fila->nombre ?> </option>                                
                             <?php     }    ?>
                      <?php     }    ?>
                      <?php  if($operacion == "eliminar") { ?>       
                         <?php foreach ($roles as $fila)  { ?> 
                             <?php if ($fila->id == $personas->t_tipo_persona_id) { ?>
                                   <input type="text" class="ui-widget-content"
                                   <?php echo ' value="' .$fila->nombre . '" ';
                                      echo 'readonly';?>>                                
                             <?php     }    ?>
                         <?php     }    ?>
                      <?php     }    ?>

                  </select>
          </p>
                
               
                <p>
			<button class="submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="submit" role="button"><span class="ui-button-text">Guardar</span></button>
		</p>
                <p>
                    <label for="usuario">Registrado por <?php if($operacion == "modificar" or $operacion == "eliminar") { 
                                   echo  '' . $personas->usuario_alta  . ' ';
                                   echo ' el ';
            
                                   echo  '' . $personas->fecha_alta  . ' ';
                               }   
                               ?></label>
                </p>
	</fieldset>
</form>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_js(); ?>jquery-ui-git.css">
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 <script src="<?php echo base_js(); ?>jquery.validate.min.js"></script>
 <script src="<?php echo base_js(); ?>jquery-ui-git.js"></script> 
 <script src="<?php echo base_js(); ?>validacionCliente.js"></script> 
 
 
 <?php 
if($operacion == "modificar" or $operacion == "eliminar") 
     {  ?>
        <script>
            $(function() {
                $("#fecha_nac").datepicker({          
                        minDate:new Date(1913, 0, 1),
                         maxDate: "-40y",              
                         changeMonth: true,
                        changeYear: true,
                        dateFormat: 'yy-mm-dd',                        
                        yearRange:"1913:2500",
                        monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic" ],
                        dayNamesMin: [ "Do", "Lun", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                         onClose: function(selectedDate)
                         {
                             $("#anios").attr("value",calcular_edad(selectedDate));
                         }
                    });
                 });              
                
                $("#fecha_nac").datepicker("setDate","<?php echo $personas->fecha_nac; ?>");
                
            
              $(function(){         
     
                    $("#fecha_vto").datepicker({                                
                         changeMonth: true,
                        changeYear: true,
                        dateFormat: 'yy-mm-dd', 
                        setDate: "2013-11-20",
                        yearRange:"1913:2500",
                        monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic" ],
                        dayNamesMin: [ "Do", "Lun", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                         onClose: function(selectedDate)
                         {
                             $("#anios").attr("value",calcular_edad(selectedDate));

                         }
                    });                  
   
                 });
              
                <?php 
            if($personas->fecha_vto!="0000-00-00") 
                 {  ?>    
                $("#fecha_vto").datepicker("setDate","<?php echo $personas->fecha_vto; ?>");
             <?php } ?>
            
            
        </script>   
<?php } else { ?>
        <script>
    $(function(){         
     
                    $("#fecha_nac").datepicker({          
                        minDate:new Date(1913, 0, 1),
                         maxDate: "-40y",              
                         changeMonth: true,
                        changeYear: true,
                        dateFormat: 'yy-mm-dd', 
                        setDate: "2013-11-20",
                        yearRange:"1913:2500",
                        monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic" ],
                        dayNamesMin: [ "Do", "Lun", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                         onClose: function(selectedDate)
                         {
                             $("#anios").attr("value",calcular_edad(selectedDate));
                         }
                    });
                    $("#fecha_nac").attr("value","");      
   
                 });
                 


        </script>   
 <?php };?>

  <script>
     function calcular_edad(fecha) {
       var fechaActual = new Date()
       var diaActual = fechaActual.getDate();
       var mmActual = fechaActual.getMonth() + 1;
       var yyyyActual = fechaActual.getFullYear();
       FechaNac = fecha.split("-");
       var diaCumple = FechaNac[2];
       var mmCumple = FechaNac[1];
       var yyyyCumple = FechaNac[0];
       //retiramos el primer cero de la izquierda
       if (mmCumple.substr(0,1) == 0) {
       mmCumple= mmCumple.substring(1, 2);
       }
       //retiramos el primer cero de la izquierda
       if (diaCumple.substr(0, 1) == 0) {
       diaCumple = diaCumple.substring(1, 2);
       }
       var edad = yyyyActual - yyyyCumple;

       //validamos si el mes de cumpleaños es menor al actual
       //o si el mes de cumpleaños es igual al actual
       //y el dia actual es menor al del nacimiento
       //De ser asi, se resta un año
       if ((mmActual < mmCumple) || (mmActual == mmCumple && diaActual < diaCumple)) {
       edad--;
       }
       return edad;
       };
 </script>
